<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
    <title>找回密码</title>
    <link rel="stylesheet" href="../css/mui.min.css"/>
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.log img{
			width: 100px;height: 100px;
			}
		.color-1{
			color: #919191;
			}
		.color-2{
			color: #FC3A2E;
			}
		.icon-iconfontyonghu, .icon-yanzhengma, .icon-yonghuming, .icon-yaochi, .icon-yaoqing{
			font-size: 22px;
			}
		.div-input{
			background: transparent!important;color: #555;display: inline-block;width: 80% !important;border: none!important;padding-left: 10px!important;
			}
		.div-input2{
			width: 40%!important;
		}
		.border-btm{
			border-bottom: 1px solid #bbb;
			line-height: 20px;
		}
		.div-btn{
			border: 1px solid #ccc;background: transparent;color: #919191;font-size: 12px;padding: 2px 7px;float: right;margin: 7px 10px;border-radius: 8px;
		}
		.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{
			color: #919191;font-size: 23px;line-height: 28px;
		}
		.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{
			left: 12px;
		}
		.mui-checkbox.mui-left label, .mui-radio.mui-left label{
			padding-left: 40px;font-size: 14px;
		}
		.login-Btn button{
			background: linear-gradient(0, #DDDDDD, #FFFFFF);box-shadow: 2px 2px 5px #dcdcdc;line-height: 30px;
			border: none;
		}
		.btn-verify {
			width: 80px;
		}
	</style>
</head>
<body>
	<!-- 顶部导航 开始 -->
	<header class="mui-row pad-h-md pad-v-md color-1">
		<i class="icon iconfont icon-fanhui x2 mui-action-back"></i>
	</header>
	<!-- 顶部导航 结束 -->
	
	<!--内容开始-->
	<div class="mui-text-center log mgn-v-lg">
		<img src="../image/logo.png" />
	</div>
	
	<div class="mgn-h-md">
		<div class="border-btm">
			<i class="iconfont icon-iconfontyonghu color-1"></i>
			<input type="number" name="mobile" class="no-mgn no-pad div-input" placeholder="手机号"/>
		</div>
		<div class="border-btm">
			<i class="iconfont icon-yanzhengma color-1"></i>
			<input type="number" name="verify" class="no-mgn no-pad div-input div-input2" placeholder="验证码"/>
			<button class="yanzhengma div-btn btn-verify">获取验证码</button>
		</div>
		<div class="border-btm">
			<i class="iconfont icon-yaochi color-1"></i>
			<input type="password" name="password" class="no-mgn no-pad div-input" placeholder="密码"/>
		</div>
		<div class="border-btm">
			<i class="iconfont icon-yaochi color-1"></i>
			<input type="password" name="confirm" class="no-mgn no-pad div-input" placeholder="确认密码"/>
		</div>
	</div>
	<div class="mui-text-center mgn-h-md login-Btn mgn-v-lg">
		<button class="mui-col-xs-12 color-1 btn-submit">立即找回</button>
	</div>
	<!--内容结束-->
	
	<script type="text/javascript" src="../js/mui.min.js" ></script>
	<script type="text/javascript" src="../js/jquery.min.js" ></script>
	<script type="text/javascript" src="../js/jquery.ba-bbq.min.js"></script>
	<script type="text/javascript" src="../js/template.js" ></script>
	<script type="text/javascript" src="../js/app.js" ></script>
	<script type="text/javascript" src="member.forgotten.js" ></script>
</body>
</html>